<!DOCTYPE html>
<!-- saved from url=(0102)http://www16.53kf.com/m.php?cid=72175672&arg=10175672&kf_sign=TY4MDMTUyNUyMzEwMjEyMTQ5NDk4MDE1&style=1 -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>蚂蚁盈彩-彩票数据专家 - 客服咨询</title>
    <script>
        var company_id = "72175672";
        var style = "1";
        var style_id = "106234028";
        var guest_id = "10212149498015";
        var arg = "10175672";
        var host = "www16.53kf.com";
        var http_pro = (document.location.protocol == 'https:')?'https://':'http://';//区分HTTP和HTTPS

    </script>
    
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/mobiles.css">
    <link rel="stylesheet" href="__TEMPLATE__/mobile/index/css/pickerView.css">
    <style>

        /* =============================皮肤设置==================================== */
        /* 注册与留言按钮颜色 */
        #mobile .info-btn {
            background: #0094ff;
        }
        /* 头部颜色 */
        #mobile .mobile-header {
            background: #0094ff;
        }
        /* 客服消息气泡背景与字体颜色 */
        #mobile .mobile-content .pc-service .pc-service-info {
            background: #eff3f6;
            color:#3a3c4c;
        }
        /* 访客消息气泡背景与字体颜色 */
        #mobile .kf-talk .pc-customer .pc-customer-info {
            background: #0094ff;
            color: #ffffff;
        }

        
        /* ==========================区别浮动与新窗口显示========================== */
        #mobile.minchat_type {

        }
        #mobile.minchat_type .goBack,
        #mobile.minchat_type .header-more,
        #mobile.minchat_type .kf-info-btn,
        #mobile.minchat_type .header-close,
        #mobile.newchat_type .header-down
        {
            display: none!important;
        }
        #mobile.minchat_type .header-title {
            padding-left:1.2rem;
            float:left;

            max-width: 20rem;
            max-width: -moz-calc(100% - 8rem);
            max-width: -webkit-calc(100% - 8rem);
            max-width: calc(100% - 8rem);
        }
        #mobile.minchat_type .mobile-header {
            border-radius: 0.8rem 0.8rem 0 0 ;
        }

        /* ============================= ios11 的时候按钮是蓝色的 做成跟头部颜色一样 ============ */
        .is_ios11 .newchat_type .input-wrap .text-holder #btnSend {
            background: #0094ff;
        }
        
    </style>
<link rel="stylesheet" type="text/css" href="__TEMPLATE__/mobile/index/css/code.css"></head>
<body>
<div id="mobile" class="  newchat_type">
    <div class="imgMask"><img src="http://www16.53kf.com/m.php?cid=72175672&amp;arg=10175672&amp;kf_sign=TY4MDMTUyNUyMzEwMjEyMTQ5NDk4MDE1&amp;style=1" alt=""></div>
    <div class="mask moreBg"></div>
    <div class="more-wrap color-grey-deep font14">
        <s></s>
        <div class="evaluate" style="display: block;">评价</div>
        <div class="end-talk border_none" style="display: block;">结束对话</div>
        <div class="to-service" style="display: none;">转人工</div>
        <div class="to-lword" style="display: none;">转留言</div>
    </div>
    <div style="display:none;" class="net-error font13 color-red" id="net_error">当前网络不可用，请检查您的网络设置！<span onclick="location.reload();" class="reload font13 color-blue">刷新</span></div>
    <div style="display:none;" id="toast" class="toast font14"><span class="toast-text" id="toast_text"></span></div>
    <div class="mobile-header font16 " style="display:block">
        <a href="javascript:;" class="goBack"></a>
        <div class="header-more"></div>
        <div class="header-down"></div>
        <div class="header-close fr"></div>
        <span class="header-title">在线咨询</span>
        <div class="kf-info-btn" style="display: block;"></div>    </div>
    <div class="mobile-content">
        <div class="mask mask2"></div>
        <div class="info-input" style="display: none;"><!--对话前注册-->
            <div class="info-content">
                <div class="info-content-title font14 color-grey-deep">
                    您好，蚂蚁盈彩欢迎您的咨询！为了给您提供更好的服务与咨询，请输入以下信息：
                </div>
                <div class="inputWraps">
                                        <div class="inputWrap regList">
                        <div class="innerWrap">
                            <label class="font13 color-grey-deep">蚂蚁盈彩会员账号:</label>
                            <input autocomplete="off" name="reg_zdy_zc1" id="reg_zdy_zc1" iszdy="1" type="text" placeholder="(必填)" class="font14 isMust">
                            </div>
                            <span class="info-remind font10 color-red" id="notice_zdy_zc1">请输入有效的蚂蚁盈彩会员账号</span>
                        </div>
                                        <div class="inputWrap regList">
                        <div class="innerWrap">
                            <label class="font13 color-grey-deep">姓名:</label>
                            <input autocomplete="off" name="reg_name" id="reg_name" iszdy="0" type="text" placeholder="(必填)" class="font14 isMust">
                            </div>
                            <span class="info-remind font10 color-red" id="notice_name">请输入有效的姓名</span>
                        </div>
                                        <!-- <div class="inputWrap input-error">
                        <label class="font13 color-grey-deep">姓名:</label>
                        <input type="text" placeholder="(必填)" class="font14">
                        <span class="info-remind font10 color-red">请输入邮箱</span>
                    </div>
                    <div class="inputWrap">
                        <label class="font13 color-grey-deep">姓名:</label>
                        <input type="text" class="font14">
                        <span class="info-remind font10 color-red">请输入邮箱</span>
                    </div> -->
                </div>
            </div>
            <div class="info-btn font14 disabled" id="reg_submit">提交咨询</div>
        </div>
        <div class="select-kf" style="display: none;"><!--客服列表-->
            <div class="select-kf-title font14 color-grey-deep">
                欢迎光临！请选择以下客服人员开始咨询：             </div>
            <div class="kf-groups" id="kf_groups">
                <!-- <div class="kf-group">
                    <div class="kf-group-title font12 color-grey-deep">
                        售前客服
                    </div>
                    <ul class="kf-wrap font14 color-blue clearfix">
                        <li class="fl">
                            <span class="fk-name">客服人员一</span>
                            <span class="kf-status color-red">(繁忙)</span>
                        </li>
                    </ul>
                </div>-->
            </div>
        </div>
        <div class="kf-talk"><!--对话-->
            <!-- 客服信息 -->
            <ul class="kf-info-wrap font13" id="kf_info">
                <!-- <li>
                    <span class="info-key color-grey-light">电话</span>
                    <span class="info-value">53KF</span>
                </li> -->
            </ul>
            <div class="line-up font14 color-grey-deep" id="wait" style="display: none;">
                <p>请稍等，当前客服接待繁忙...</p>
                <p>您正排在第<span class="line-up-num color-red" id="wait_cnt"></span>位</p>
            </div>
            <div class="talk-content-wrap">
                <div class="talk-content-innerWrap">

                    <!-- <div class="scrollbar-wrap"><div class="scrollbar"></div></div> -->
                    <div class=" has_history talk-content isAnimate" id="talk_content" style="transform: translate3d(0px, 0px, 0px);">
                        <div class="loading-wrap">
                            <span class="loading-bg fl"></span><span class="loading-text fl">下拉刷新</span>
                        </div>
                        <div class="advertisement" id="activity"></div>
                        <!--
                            <p class="system-remind font12 color-grey-middle"><label>欢迎您的咨询，期待为您服务!</label></p>
                            <div class="pc-service">
                                <div class="pc-service-left"><img width="34px" src="mobiles/image/head.png" alt=""></div>
                                <div class="pc-service-right">
                                    <div class="pc-service-info font14">
                                        <div>
                                            <div class="robot-info">
                                                <p class="robot-info-title">以下是您关心的问题吗：</p>
                                                <ul class="question-lists color-blue">
                                                    <li class="visited">1.问题一</li>
                                                    <li>2.问题二</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <s></s>
                                    </div>
                                </div>
                            </div>
                            <div class="pc-service">
                                <div class="pc-service-left"><img width="34px" src="mobiles/image/head.png" alt=""></div>
                                <div class="pc-service-right">
                                    <div class="pc-service-info font14">
                                        <div>
                                            <div class="robot-info-answer">
                                                <p class="answer-text">这是答案。。。这是答案。。。这是答案。。。这是答案。。。。</p>
                                                <div class="btns-wrap">
                                                    <div class="answer-btns clearfix color-grey-deep">
                                                        <span class="answer-btn fl use visited"><span class="answer-icon-wrap">有用</span></span>
                                                        <div class="answer-btn fl unuse">
                                                            <div class="answer-icon-wrap">没用
                                                                <div class="unuse-info-wrap">
                                                                    <p class="reason-title color-grey-deep">让您觉得没用的原因：</p>
                                                                    <ul class="reason-btns clearfix">
                                                                        <li class="reason-btn fl">简单</li>
                                                                        <li class="reason-btn fl">复杂</li>
                                                                        <li class="reason-btn fl">无用</li>
                                                                        <li class="reason-btn fl active">其他</li>
                                                                    </ul>
                                                                </div>
                                                            </div>

                                                        </div>

                                                    </div>
                                                </div>
                                                <p class="related-problems color-grey-light">相关问题：</p>
                                                <ul class="question-lists color-blue">
                                                    <li class="visited">1.问题一</li>
                                                    <li>2.问题二</li>
                                                </ul>
                                            </div>
                                        </div>
                                        <s></s>
                                    </div>
                                </div>
                            </div>
                            <div class="pc-service">
                                <div class="pc-service-left"><img width="34px" src="mobiles/image/head.png" alt=""></div>
                                <div class="pc-service-right">
                                    <div class="pc-service-info font14">
                                        <div>虎纹鱼虎纹鱼虎纹鱼虎纹鱼虎纹鱼虎纹鱼虎纹鱼虎纹鱼虎</div>
                                        <s></s>
                                    </div>
                                </div>
                            </div>
                            <div class="pc-time font12 color-grey-light">下午 1:30</div>
                            <div class="pc-customer">
                                <div class="pc-customer-info font13">
                                    <span>您好!</span>
                                    <i class="info-status onError"></i>
                                    <s></s>
                                </div>
                            </div>
                            <div class="upload-wrap">
                                <div class="upload-image fr">
                                    <div class="process-wrap">
                                        <span></span>
                                    </div>

                                    <div class="statusIcon"></div>
                                </div>
                            </div>
                            <div class="linkTo font14">
                                <a class="color-blue" href="javascript:;">机器人咨询</a>
                                <a class="color-blue" href="javascript:;">点击留言</a>
                            </div>
                            <input type="text" style="opacity:0;" id="test">-->
                    <p class="system-remind font12 color-grey-middle" id="WELCOME_TIP"><label>欢迎您的咨询，期待为您服务！</label></p><li class="pc-time font12 color-grey-light" name="msg-time">16:06</li><div class="pc-service service-info"><div class="pc-service-left" id="obj_my"><img width="34px" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/head@2x.png" alt=""></div><div class="pc-service-right"> <div class="pc-service-info font14"> <div><p>您好，蚂蚁盈彩欢迎您的咨询，请问有什么需要帮助的吗？</p></div> </div> </div> </div></div>
                </div>
            </div>
            <div class="talk-inputArea">
                <div class="input-bar">
                    <div class="input-wrap">
                        <div id="featureBtns" class="feature-holder">
                            <a id="emojiBtn" class="feature-btn" title="表情">
                                <i class="input-icon icon-emoji"></i>
                            </a>
                            <label id="photoBtn" for="photoFile" class="feature-btn" title="发送图片">
                                <i class="input-icon icon-uploadImg"></i>
                                <input id="photoFile" type="file" accept="mobiles/image/gif, mobiles/image/jpeg, mobiles/image/jpg, mobiles/image/png">
                            </label>
                        </div>
                        <div class="text-holder">
                            <textarea class=" font14" id="textarea" placeholder="请输入..."></textarea>
                            <a id="btnSend" class="font14 ">发送</a>
                        </div>
                    </div>
                </div>
                <ul class="match-question-lists" id="robot_match_ques">
                </ul>
                <div class="facebox"><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_1.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_2.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_3.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_4.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_5.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_6.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_7.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_8.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_9.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_10.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_11.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_12.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_13.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_14.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_15.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_16.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_17.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_18.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_19.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_20.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_21.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_22.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_23.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_24.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_25.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_26.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_27.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_28.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_29.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_30.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_31.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_32.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_33.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_34.gif"></p><p><img data-isface="yes" src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/53c_35.gif"></p></div>
                <div class="bottom-bar">客服软件由53快服提供</div>
                <div id="block_notice" style="position: absolute;left: 0;top:0;height: 100%;width: 100%;display: none;">抱歉，客服系统暂时无法使用！</div>
                <div id="after_close" style="display: none;">对话已结束，您可以<a class="to_new">开始新对话</a>或<a class="to_lword">留言</a></div>
            </div>
        </div>
        <div class="lword" style="display: none;"><!--留言-->
            <p class="lword-title font14 color-grey-deep">客服已经离线了，有问题可以先给我们留言，我们会在工作日内尽快给予您回复！</p>
            <div class="textarea color-grey-light">
                <textarea placeholder="请留言" name="lword_msg" id="lword_msg" cols="30" rows="10"></textarea>
            </div>
            <p class="lword-title font14 color-grey-deep">留下以下信息，方便与您及时联系</p>
                        <div class="inputWrap lwordList">
                <div class="innerWrap">
                    <label class="font14 color-grey-deep">姓名:</label>
                    <input autocomplete="off" name="lword_name" id="lword_name" iszdy="0" type="text" placeholder="(必填)" class="font14 isMust">
                </div>
                <span class="info-remind font10 color-red" id="lword_notice_name">请输入有效的姓名</span>
            </div>
                        <div class="inputWrap lwordList">
                <div class="innerWrap">
                    <label class="font14 color-grey-deep">手机:</label>
                    <input autocomplete="off" name="lword_mobile" id="lword_mobile" iszdy="0" type="text" placeholder="(必填)" class="font14 isMust">
                </div>
                <span class="info-remind font10 color-red" id="lword_notice_mobile">请输入有效的手机号码</span>
            </div>
                        <!-- <div class="inputWrap lwordList"  style="display:none"  >
           <select id="lword_obj" name="lword_obj">
                                    <option value="["  selected="selected" > [</option>
                            </select>
            </div> -->
            <!-- 留言对象 -->
            <div style="display:none" class="inputWrap lwordList lword-object">
                <div class="innerWrap">
                    <label class="font14 color-grey-deep">留言对象：</label>
                    <div class="lword-text font14" lword_object_id="">company</div>
                </div>
            </div>
            <div class="info-btn font14 disabled" id="lword_submit">
                提交留言
            </div>
            <div class="bottom-remind color-grey-light font11">
                <p>蚂蚁盈彩-彩票数据专家</p>
                <p></p>
            </div>
        </div>
        <div class="lword-success font14 color-grey-deep" style="display: none;"><!--留言成功-->
            <div class="lword-success-img-wrap">
                <img src="./蚂蚁盈彩-彩票数据专家 - 客服咨询_files/lword-success@2x.png" alt="">
            </div>
            <p class="lword-success-text">已收到了您的留言</p>
            <p class="lword-success-text">我们会在第一时间内给你回复!</p>
            <div class="info-btn">关闭窗口</div>
            <div class="bottom-remind color-grey-light font11">
                <p>10秒后自动关闭该窗口</p>
            </div>
        </div>
    </div>
</div>

<script>
    function init_setting(){
        return {
            fresh_text : "下拉刷新",
            fresh_no_text: "没有更多消息啦"
        }
    }
</script>
 <!--<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/new2017/code.js?2017122101"></script>
<script src="js/new2017/HttpProtocol.js?2017122101"></script>
<script src="js/new2017/PorHandler.js?2017122101"></script>
<script src="js/new2017/ProClient.js?2018030601"></script>
<script src="js/new2017/wait.js?2018020201"></script>
<script src="js/new2017/new_keyboard.min.js?2018030711"></script>
<script src="js/new2017/pickerView.js?2018022608"></script>
<script src="js/new2017/commonFunction.js?2018022608"></script>
<script src="js/new2017/MobileClient.js?2018022608"></script> -->
<script src="__TEMPLATE__/mobile/index/js/saved_resource" type="text/javascript"></script>
<script src="__TEMPLATE__/mobile/index/js/MobileClientView.js"></script>
<script type="text/javascript">
var mobile_configs = {
	"host":"www16.53kf.com",//域名
	"base_host":"53kf.com",//主域名
	"commond_version":"123456",//域名
	"mobile_lang_json":["\u4fe1\u606f\u586b\u5199","\u5f53\u524d\u64cd\u4f5c\u4e0d\u53ef\u7528\uff0c\u8bf7\u68c0\u67e5\u7f51\u7edc\uff01","\u6b63\u4e0e[<span class=\"kf-name\">","<\/span>]\u804a\u5929","\u9009\u62e9\u5ba2\u670d","\u7e41\u5fd9","\u6392\u961f","\u7559\u8a00","\u5168\u90e8\u5ba2\u670d","\u5168\u90e8\u5206\u7ec4","\u4f4d\u5ba2\u670d\u5728\u7ebf","\u5ba2\u670d\u54a8\u8be2","\u60a8\u592a\u4e45\u6ca1\u6709\u64cd\u4f5c\uff0c\u9875\u9762\u5df2\u8fc7\u671f\uff0c\u8bf7\u5728\u5237\u65b0\u540e\u91cd\u65b0\u64cd\u4f5c\uff01","\u6b22\u8fce\u60a8\u7684\u54a8\u8be2\uff0c\u671f\u5f85\u4e3a\u60a8\u670d\u52a1\uff01","\u6635\u79f0","\u624b\u673a","\u7535\u8bdd","QQ","\u5fae\u4fe1","\u90ae\u7bb1","SKYPE","\u5ba2\u670d\u54a8\u8be2[","]","\u5728\u7ebf\u54a8\u8be2","\u611f\u8c22\u60a8\u7684\u54a8\u8be2\uff0c\u5bf9\u8bdd\u5df2\u7ed3\u675f","\u7f51\u7edc\u8fde\u63a5\u5df2\u4fee\u590d\uff0c\u60a8\u53ef\u4ee5\u7ee7\u7eed\u8fdb\u884c\u5bf9\u8bdd","\u672a\u77e5","\u70b9\u51fb\u4e0b\u8f7d","\u4ee5\u4e0b\u662f\u60a8\u5173\u5fc3\u7684\u95ee\u9898\u5417\uff1a","\u6709\u7528","\u65e0\u7528","\u8ba9\u60a8\u89c9\u5f97\u6ca1\u7528\u7684\u539f\u56e0\uff1a","\u7b80\u5355","\u590d\u6742","\u65e0\u5173","\u5176\u4ed6","\u76f8\u5173\u95ee\u9898\uff1a","\u4eba\u5de5\u5ba2\u670d\u63a5\u5165\u4e2d...","\u7531\u4e8e\u5f53\u524d\u5ba2\u670d\u4e0d\u5728\u7ebf\uff0c\u4f60\u53ef\u4ee5\u9009\u62e9\u7ed9\u6211\u4eec\u7559\u8a00\uff0c\u6211\u4eec\u4f1a\u53ca\u65f6\u7ed9\u4e88\u56de\u590d","\u5ba2\u670d","\u4e3a\u60a8\u670d\u52a1","\u4eba\u5de5\u54a8\u8be2","\u70b9\u51fb\u7559\u8a00","\u5f88\u62b1\u6b49\u6211\u4eec\u7684\u673a\u5668\u4eba\u65e0\u6cd5\u56de\u7b54\u60a8\u7684\u95ee\u9898\uff0c\u4f60\u53ef\u4ee5\u9009\u62e9\u4eba\u5de5\u54a8\u8be2\u6216\u7ed9\u6211\u4eec\u7559\u8a00","\u611f\u8c22\u60a8\u7684\u53cd\u9988","\u5f53\u524d\u4eba\u5de5\u5ba2\u670d\u5df2\u5728\u4e3a\u60a8\u670d\u52a1","\u7559\u8a00","\u611f\u8c22\u60a8\u7684\u8bc4\u4ef7\uff0c\u6211\u4eec\u4f1a\u7ee7\u7eed\u52aa\u529b","\u60a8\u5df2\u7ecf\u4e3a\u8be5\u5ba2\u670d\u8bc4\u5206\uff0c\u611f\u8c22\u60a8\u7684\u53c2\u4e0e\uff01","\u8bf7\u60a8\u4e3a\u6211\u7684\u670d\u52a1\u8bc4\u5206\uff1a","\u6076\u52a3","\u8f83\u5dee","\u4e00\u822c","\u8f83\u597d","\u6ee1\u610f","\u63d0\u4ea4\u8bc4\u4ef7","\u5f53\u524d\u5ba2\u670d\u7e41\u5fd9\uff0c\u60a8\u53ef\u4ee5\u9009\u62e9","\u673a\u5668\u4eba\u54a8\u8be2","\u6216","\u7ed9\u6211\u4eec\u7559\u8a00","\u667a\u80fd\u673a\u5668\u4eba","\u81ea\u52a9\u7b54\u7591","\u4ee5\u4e0a\u4e3a\u5386\u53f2\u6d88\u606f","\u5f53\u524d\u5ba2\u670d\u7e41\u5fd9\uff0c\u6b63\u5728\u6392\u961f\u4e2d","","\u79d2\u540e\u81ea\u52a8\u5173\u95ed\u8be5\u7a97\u53e3"],//语言包
	"reg":"0",//对话前注册开关
	"is_reg":"0",//是否已注册
	"fkzc_fields":[{"name":"\u8682\u8681\u76c8\u5f69\u4f1a\u5458\u8d26\u53f7","field_name":"zdy_zc1","isMust":"1","isZdy":"1"},{"name":"\u59d3\u540d","field_name":"name","isMust":"1","isZdy":"0"}],//咨询前注册选项
	"online_cnt":"1",//是否有可接待人员在线
	"frompage":"",//来源页面
	"talkpage":"http://www.yincai.com/mobile/member/index.html",//咨询页面
	"talktitle":"",//咨询页面标题
	"landpage":"http://www.yincai.com/mobile/member/index.html",//着陆页面
	"search_engine":"",//搜索引擎
	"keyword":"",//关键词
	"ucust_id":"",//第三方会员id
	"u_stat_id":"",//第三方会员id
	"guest_id_from_get":"0",//避免部分情况下刷新页面变为新访客
	"lnkparam":"Z%F0%09%8B",// lnk参数
	"lnkfire":"b0729a05ff72072be076b8385853ccb72e6e0a0df0f77b5e6c24010b646188b9",// 防火墙lnk校验参数
	"firewall_uuid":"43360b727a939cdcc7fd2fa59dbae845",// 访客防火墙 uuid 作为页面识别
	"tfrom":"57",//访问途径
	"uid":"",//stat_id
	"guest_ip_info":"山西省太原市[电信]",//访客ip信息
	"open_time":new Date().getTime(),//窗口打开时间
	"zdkf_type":"1",//指定部门或人员或分组 1：人员 2：部门 3:分组
	"dept_man_show":"1",//显示部门 1显示
	"kf_status":"1",////显示客服繁忙 1显示
	"is_wlist":"0",//2：需要显示客服列表(必有客服在线) 0：不需要显示客服列表(不确定客服是否在线)
	"lnk_overflow":"0",//0：worker_id空时为所有，检测排班；1：worker_id空时为所有，不检测排班；2：worker_id空时，为留言
	"depts":[],//手动选择接待人员时，显示分组下的接待列表
	"wlist":[],//手动选择接待人员时，不显示分组下的接待列表
	"assign_groups":[],//指定分组，接待列表
	"worker_id":"",//接待工号
	"worker_name":"",//客服名片
	"intelligent_guidance":"0",//智能引导开关
	"guidance_type":"1",//智能引导建立对话类型 1:发送消息建立对话 2:键入时建立对话
	"m_prompt_guide_list":[{"title":"\u5176\u4ed6","id":"0","prompt":[]}],//智能引导内容
	"prompt_guide_size":"0",//多窗口下，智能引导发送到第几句
	"wait_host":"wait.53kf.com",//智能引导服务域名
	"prompt_cookie":commFun.cookie.getCookie3("prompt_guide_"+company_id),//智能引导cookie
	"admin_header_url":"",//获取主账号客服头像
	"all_header_url":[],//接待客服头像列表
	"company_activity":"",//公司公告
	"conn_prompt":"<p>您好，蚂蚁盈彩欢迎您的咨询，请问有什么需要帮助的吗？</p>",//接通提示（公司）
	"conn_prompt_list":[],//接通提示（个人）
	"kf_auto_tip":"60",// 客服无响应(繁忙)自动提示时间 默认关闭0（默认公司,分钟）
	"kf_auto_tip_phrase":"亲~！客服还在查询中哦~稍等呢。",//繁忙提示语（默认公司）
	"busy_prompt_time_list":[],//个人繁忙提示时间(分钟)
	"phrase_prompt_list":[],//个人繁忙提示语
	"reject_prompt":"无法连接客服.请检测网络...",//访客阻止提示语
	"auto_disconnect":"5",//访客无响应自动断开时间
	"disconnect_prompt":"当前连接超时，请不关闭窗口后重新点击打开！",//访客无响应自动断开倒计时提示语
	"kfpf":"1",//评分开关
	"is_minchat":"",//评分开关
	"robot_ass":"0",//机器人优先
	"all_robot_info":{"zsk_all":[],"robot_info":null},//机器人信息
	"m_robid":"",// 机器人id
	"zsk_un_prompt":"",// 机器人未回答提示语
	"zsk_name":"",// 机器人昵称
	"zsk_prompt":"",// 机器人问候语
	"zsk_auto_login":"",// 机器人自动上线
	"zsk_state":"",// 机器人状态
	"zsk_auto_hidden":"",// 机器人客服在线时隐身
	"zsk_robot_ly":"",// 机器人留言链接
	"zsk_zsktb_url":"",// 机器人头像
	"fkly_fields":[{"name":"\u59d3\u540d","field_name":"name","isMust":"1","isZdy":"0"},{"name":"\u624b\u673a","field_name":"mobile","isMust":"1","isZdy":"0"}],//咨询前注册选项
	"device":"",//自定义关闭方式传递的设备号 ios or android
 	"verify_code":"0",//访客验证码
 	"fire_level":"1",
 	"fire_set":"0",
 	"verify_key":"0525c82f1456e314777632c21357cab0",
 	"is_verify":"0",
}

mobile_client.init(mobile_configs);

//收集访客信息
function collection_guest(guest_id){
	var data = {type:"guest",guest_id:guest_id};
	$.ajax({
		type: "POST",
		url: "company_collection.php",
		data: data,
		dataType: "json",
		success: function(data){

		}
	});
}

//兼容验证码返回事件
function checkCodeSuccess(){
	mobile_client.checkCodeSuccess();
}

//验证码加载失败
function checkCodeError(){
	alert("验证码加载失败");
}

//提交访客注册信息
$("#reg_submit").click(function(){
	$(this).addClass("loading");
	mobile_client.regSubmit();//提交访客注册信息
});
// 点击input的时候隐藏注册错误提示
$(".regList,.lword").on('click','input',function(){
	$(this).parents(".inputWrap").removeClass("input-error").find(".innerWrap").css("borderColor","#C0C5CC");//隐藏注册错误提示

});
// 输入中的时候控制发送按钮是否可点击
$(".info-input,.lword").on("input","input",function(){
	pElem = $(this).parents(".info-input").length>0? $(".info-input"):$(".lword");
	mobile_client.can_submit(pElem);
})


// 表单填写失去焦点时，还原边框颜色
$(".regList,.lword").on('blur','input',function(){
	$(this).parents(".inputWrap").find(".innerWrap").css("borderColor","");
});
// 打开客服信息列表
$(".kf-info-btn").click(function(){
	mobile_client.setKfInfoHtml();
	$(".kf-info-wrap").slideToggle(200);
	$(this).toggleClass("isDown");
	$(".mask2").fadeToggle(200)
});
//结束对话
$(".end-talk").click(function(){
	mobile_client.closeLink();
});
//发送消息
var ua = navigator.userAgent;
var is_ios = !!ua.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
var is_uc = /ucbrowser/.test(ua.toLowerCase());
var is_baidu = /baidu/.test(ua.toLowerCase());
var is_huawei = /android_cloudpc/.test(ua.toLowerCase());
var is_minchat_type = $("#mobile").hasClass("minchat_type");
var eventStr = (is_ios && (is_uc||is_baidu) && is_minchat_type || is_huawei)? "click":"touchstart";

$("#btnSend ").on(eventStr,function(){
	mobile_client.sendClick();
});
//发送图片
$("#photoFile").on("change",function(){
	mobile_client.mCheckImg(this);
});
//重发
$("body").on("click",".onError",function(){
	var msg = $(this).siblings("span").html();
	var msgid = $(this).attr("id");
	//$(this).removeClass("onError");
	var prev = $(this).parent().parent().prev();
	if(prev.attr("name") == "msg-time"){
		var next_class = $(this).parent().parent().next();
		if(!next_class.hasClass("pc-customer")){
			prev.remove();
		}
	}
	$(this).parent().parent().remove();
	if(msgid.substr(0,5)=="error"){
		mobile_client.sendFailedImg(msgid);
	}else{
		mobile_client.sendMsg(msg);
	}
});
//转人工
$(".to-service").click(function () {
	mobile_client.runKf(true);
});
// 开始新对话
$(".to_new").click(function(){
	mobile_client.runKf(true);
})
// 留言
$(".to_lword").click(function(){
	mobile_client.setOffLine(true);
})
//输入框绑定事件
$("#textarea").on("input",function (){
	mobile_client.textOnKeyUp();
	// 判断输入框内容，控制按钮字体颜色
	if($(this).val()==""){
		$("#btnSend").removeClass("hasMessage");
	}else {
		$("#btnSend").addClass("hasMessage");
	}
});
//转留言
$(".to-lword").click(function () {
	mobile_client.setOffLine(true);
});
//留言提交
$("#lword_submit").click(function(){
	$(this).addClass("loading");
	mobile_client.lwordSubmit();
});
//绑定评分事件
$(".evaluate").click(function(){
	mobile_client.clickEvaluate();
})
//提交评分
$("body").on("click",".evaluation .evaluation-btn",function(){
	mobile_client.saveVote();
});
//点击评分具体按钮项
$(".talk-content").on("click", ".evaluation ul li", function () {
	$(this).parent().addClass("used");
	var index = $(this).index();
	// 循环 通过当前的星星序列号来变化
	$(this).parent().children("li").each(function () {
		if ($(this).index() <= index) {
			$(this).addClass("li-active");
		} else {
			$(this).removeClass("li-active");
		}
	});

	$(this).parents('.evaluation').find('label').text($(this).attr("data-name"))

});
//返回箭头绑定事件
$(".goBack").click(function(){
	mobile_client.goBack();
});
//浮框向下箭头绑定事件
$(".header-down").click(function(){
	window.parent.postMessage("close",'*');
});
// 关闭窗口
$(".lword-success").on("click",".info-btn",function(){
	if($("#mobile").hasClass("minchat_type")){
		window.parent.postMessage("close",'*');
		window.location.reload();
	}else {
		mobile_client.goBack();
	}
})
//排队点击机器人或留言绑定事件
$("body").on("click","wait-to-robot",function(){
	mobile_client.waitTypeChange("robot");
	$(".wait-to-robot").addClass("disabled");
	$(".wait-to-lword").addClass("disabled");
});
$("body").on("click","wait-to-lword",function(){
	mobile_client.waitTypeChange("lword");
	$(".wait-to-robot").addClass("disabled");
	$(".wait-to-lword").addClass("disabled");
});
$('#textarea').bind('input',function(event){
	mobile_client.promptLink('2');
});
$('#textarea').keypress(function(event){
	if(event.keyCode==13){
		mobile_client.sendClick();
		return false;
	}
});

// 留言对象
(function(){
        var lwordObject = document.querySelector(".lword-object"),
            allLwordObj = [{"lword_object_id":"","lword_object_name":"company"}],
            allLwordArr = [],
            allLwordIdArr = [];

        for(var i=0;i<allLwordObj.length;i++){
            allLwordArr.push(allLwordObj[i]["lword_object_name"]);
            allLwordIdArr.push(allLwordObj[i]["lword_object_id"])
        }
        $(".lword-text").text(allLwordArr[0]);
        $(".lword-text").attr("lword_object_id",allLwordIdArr[0]);

        lwordObject.onclick = function(){
          var pickerView = new PickerView({
            bindElem: lwordObject,
            data: allLwordArr,
            dataId:allLwordIdArr,
            title: '留言对象',
            leftText: '取消',
            rightText: '确定',
            rightFn: function( selectArr ,selectIdArr){
                  document.querySelector(".lword-text").innerText = selectArr.join(",");
                  document.querySelector(".lword-text").setAttribute("lword_object_id",selectIdArr.join(","));
              }
          });
        }
})();
</script>

<script>
    // 解决的问题：如果是浮动窗口的话 页面内容第一次点的时候不掉下来
    var minchat_type = $("#mobile").hasClass("minchat_type");
    if(minchat_type){
        var receiveMessage_bool = true;
        var receiveMessage = function(){
            if(receiveMessage_bool) chatAnimate.scroll_bottom();
        }
        window.addEventListener("message", receiveMessage, false);
    }

$(function(){
    var IOS11 = /OS 11_0_1|OS 11_0_2|OS 11_0_3|OS 11_/.test(navigator.userAgent);
    if(IOS11) $("html").addClass("is_ios11");
	//隐藏机器人反馈无用后的显示项
    $(document).on("click",function(e){
        $(".unuse-info-wrap").removeClass("open");
    })
    // 取消默认事件
    $(".kf-talk").get(0).addEventListener("touchmove", function (e) {
        receiveMessage_bool = false;
        e.preventDefault();
    },{passive: false})

    // 加载表情
    var imgHtml="";
    for (var i = 1; i < 36; i++) {
        imgHtml += "<p><img data-isFace='yes' src='__TEMPLATE__/mobile/index/img/53c_" + i + ".gif?8'/></p>";
    }
    $(".facebox").append(imgHtml);
    var faceArr = ['[拜拜]','[鄙视]','[打电话]','[打哈欠]','[大哭]',
                    '[大笑]','[得意]','[点赞]','[愤怒]','[鼓掌]',
                    '[嘿哈]','[滑稽]','[欢迎]','[奸笑]','[沮丧]',
                    '[开心]','[可伶]','[流汗]','[卖萌]','[破涕为笑]',
                    '[敲打]','[胜利]','[调皮]','[无语]','[捏脸]',
                    '[抱抱]','[摊手]','[比心]','[便便]','[加油]',
                    '[礼物]','[哈士奇]','[成交]','[心碎]','[月亮]'];

    var textarea = document.getElementById("textarea");

    if(is_huawei){
            // 点击表情插入到表单中
        $(".facebox").on("click","img",function(e){
            var index = $(this).parents("p").index();
            chatAnimate.insertAtCaret(textarea,faceArr[index]);
            $("#btnSend").addClass("hasMessage");
            e.stopPropagation();
        })

        // 点击表情图标，切换表情框显示隐藏
        $("#emojiBtn").on("click",function(e){
            $("input").blur();
            var bool = $(".icon-emoji").hasClass("isOpen");
            chatAnimate.display_facebox(!bool);
            e.stopPropagation();
        })
    }else{
        // 点击表情插入到表单中
        $(".facebox").on("touchstart","img",function(e){
            var index = $(this).parents("p").index();
            chatAnimate.insertAtCaret(textarea,faceArr[index]);
            $("#btnSend").addClass("hasMessage");
            e.stopPropagation();
        })

        // 点击表情图标，切换表情框显示隐藏
        $("#emojiBtn").on("touchstart",function(e){
            $("input").blur();
            var bool = $(".icon-emoji").hasClass("isOpen");
            chatAnimate.display_facebox(!bool);
            e.stopPropagation();
        })
    }    

    // 隐藏 1.隐藏更多板块  2.隐藏客服信息
    $(".moreBg").click(function(){
        chatAnimate.display_mask(1);
    })

    $(".more-wrap").on("click",">div",function(){
        chatAnimate.display_mask(1);
    })

    $(".mask2").click(function(){
        chatAnimate.display_mask(2);
    })


    // 点击更多按钮
    $(".mobile-header").on("click",".header-more",function(event){
        chatAnimate.display_facebox(false);
        $("#mobile .more-wrap").toggleClass("open");
        $(".moreBg").fadeToggle(200);
        event.stopPropagation();
    })
    // 点击问题列表后，改变字体颜色
    $(".talk-content").on("click",".question-lists li",function(){
        $(this).addClass("visited");
    })
    // 机器人答案推送没用按钮点击
    $(".talk-content").on("click",".unuse",function(event){
        var $parent = $(this).parents(".pc-service");
        $parent.find(".unuse-info-wrap").addClass("open");
        if($parent.next().length<=0){
            chatAnimate.scroll_bottom();
        }
        event.stopPropagation();
    });
    // 点击图片展示
    $("#mobile").not(".minchat_type").on("click",".pc-customer-info img,.pc-service-info img",function(){
        $(".imgMask img").attr("style","").attr("src",$(this).attr("src")).parent().show();
    })
    $(".imgMask").click(function(){
        $(this).hide();
    });


    // 图片预加载防止图片闪烁 ============================
    (function(){
        //存放图片路径的数组
        var imgSrcArr = [
            "mobiles/image/icon-status-error@2x.png"
        ];

        var imgWrap = [];

        function preloadImg(arr) {
            for(var i =0; i< arr.length ;i++) {
                imgWrap[i] = new Image();
                imgWrap[i].src = arr[i];
            }
        }

        preloadImg(imgSrcArr);
    })()

})

</script>

</body></html>